import React from 'react';

const BASIC = 750 / 100;

const style1 = {
  margin: `${94 / BASIC}vw 0 ${72 / BASIC}vw`,
  textAlign: 'center',
};

const style2 = {
  fontSize: `${32 / BASIC}vw`,
  fontFamily: 'PingFang SC',
  fontWeight: 600,
  color: '#333',
};

const style3 = {
  margin: `0 ${10 / BASIC}vw`,
  fontSize: `${54 / BASIC}vw`,
  fontFamily: 'PingFang SC',
  fontWeight: 500,
  color: '#FB523A',
};

export const Suc = (props) => {
  const { price } = props;

  return (
    <div style={style1}>
      <div style={style2}>恭喜获得奖励</div>
      <div style={style2}>
        <span style={style3}>+{price}</span>
      </div>
    </div>
  );
};
